import React from 'react';

class Lbchild extends React.Component{
    render(){
        return(
            <div className="playlist_box">
                <li className="playlist__item slide__item ">
                    <div className="playlist__item_box">
                        <div className="playlist__cover mod_cover">
                            <a href="##" className="js_album">
                                <img src={this.props[0].url} className="playlist__pic"/>
                                <i className="mod_cover__mask"></i>
                                <i className="mod_cover__icon_play js_play"></i>
                            </a>
                        </div>
                        <h4 className="playlist__title">
                            <span className="playlist__title_txt">
                                <a href="##" className="js_album">{this.props[0].figure}</a>
                            </span>
                            <a href="##" className="btn_operate_menu js_albumlist_more">
                                <span className="icon_txt">更多</span>
                            </a>
                        </h4>
                        <div className="playlist__author">
                            <a href="##" className="js_singer">{this.props[0].title}</a>
                        </div>
                    </div>
                </li>
                
                <li className="playlist__item slide__item ">
                    <div className="playlist__item_box">
                        <div className="playlist__cover mod_cover">
                            <a href="##" className="js_album">
                                <img src={this.props[1].url} className="playlist__pic"/>
                                <i className="mod_cover__mask"></i>
                                <i className="mod_cover__icon_play js_play"></i>
                            </a>
                        </div>
                        <h4 className="playlist__title">
                            <span className="playlist__title_txt">
                                <a href="##" className="js_album">{this.props[1].figure}</a>
                            </span>
                            <a href="##" className="btn_operate_menu js_albumlist_more">
                                <span className="icon_txt">更多</span>
                            </a>
                        </h4>
                        <div className="playlist__author">
                            <a href="##" className="js_singer">{this.props[1].title}</a>
                        </div>
                    </div>
                </li>
                
                <li className="playlist__item slide__item ">
                    <div className="playlist__item_box">
                        <div className="playlist__cover mod_cover">
                            <a href="##" className="js_album">
                                <img src={this.props[2].url} className="playlist__pic"/>
                                <i className="mod_cover__mask"></i>
                                <i className="mod_cover__icon_play js_play"></i>
                            </a>
                        </div>
                        <h4 className="playlist__title">
                            <span className="playlist__title_txt">
                                <a href="##" className="js_album">{this.props[2].figure}</a>
                            </span>
                            <a href="##" className="btn_operate_menu js_albumlist_more">
                                <span className="icon_txt">更多</span>
                            </a>
                        </h4>
                        <div className="playlist__author">
                            <a href="##" className="js_singer">{this.props[2].title}</a>
                        </div>
                    </div>
                </li>
                
                <li className="playlist__item slide__item ">
                    <div className="playlist__item_box">
                        <div className="playlist__cover mod_cover">
                            <a href="##" className="js_album">
                                <img src={this.props[3].url} className="playlist__pic"/>
                                <i className="mod_cover__mask"></i>
                                <i className="mod_cover__icon_play js_play"></i>
                            </a>
                        </div>
                        <h4 className="playlist__title">
                            <span className="playlist__title_txt">
                                <a href="##" className="js_album">{this.props[3].figure}</a>
                            </span>
                            <a href="##" className="btn_operate_menu js_albumlist_more">
                                <span className="icon_txt">更多</span>
                            </a>
                        </h4>
                        <div className="playlist__author">
                            <a href="##" className="js_singer">{this.props[3].title}</a>
                        </div>
                    </div>
                </li>
            </div>
        )
    }
}

export default Lbchild;